<template>
  <div class="y-title">
    <slot>
      <div class="line" />
    </slot>
    <div class="content">
      {{ content }}
    </div>
  </div>
</template>

<script>
export default {
  name: "y-title",
  props: {
    content: {
      type: String,
    },
  },
};
</script>
<style  lang="scss" scoped>
.y-title {
  height: 25px;
  display: flex;
  align-items: center;
  .line {
    width: 5px;
    height: 23px;
    background: #4077f4;
  }
  .content {
    margin-left: 10px;
    color: rgb(51, 51, 51);
    font-size: 19px;
    font-weight: bold;
  }
}
</style>